<template>
  <div>
    这是首页！！！！！
    <el-button type="primary" @click="logout">安全退出</el-button>
  </div>
</template>

<script setup lang="ts">
import { get } from '@/utils/request';
import router from '@/router';
import { ElMessage } from 'element-plus';
import { useAuthStore } from '@/stores/authStore';

const logout = async () => {
  try {
    // 调用登出接口
    await get('/logout');
    
    // 清除本地认证状态
    const authStore = useAuthStore();
    authStore.clearAuth();
    
    // 无论后端返回什么，都直接跳转到登录页
    router.replace('/login');
  } catch (error) {
    console.error('退出登录失败:', error);
    ElMessage.error('退出登录失败，请重试');
    
    // 即使出错，也清除认证状态并跳转登录页
    const authStore = useAuthStore();
    authStore.clearAuth();
    router.replace('/login');
  }
}
</script>

<style scoped>

</style>